.dotted-heading {
  text-align: center;
  /* Center-align the text */
  font-size: 18px;
  /* Adjust font size */
  font-weight: bold;
  /* Bold text */
  color: #ff0202;
  /* Text color */
  margin-top: 40px;

  margin-bottom: 10px;
  /* Add spacing above and below */
  position: relative;
  /* For the dotted lines */
}

.dotted-heading::before,
.dotted-heading::after {
  content: "";
  /* Empty content for lines */
  display: block;
  height: 2px;
  /* Thickness of the dotted line */
  width: 70%;
  /* Width of the dotted line */
  border-top: 1px dotted #aaa;
  /* Dotted line style */
  position: absolute;
  top: 50%;
  /* Center the line vertically */
}

.dotted-heading::before {
  left: 7%;
  /* Start 15% from the left */
}

.dotted-heading::after {
  right: 7%;
  /* End 15% from the right */
}

/* Adjust spacing for heading text */
.dotted-heading span {
  background: #fff;
  /* Match background color to hide overlap */
  padding: 0 10px;
  /* Padding around the text */
  position: relative;
  /* Position to align with the dotted lines */
  z-index: 1;
  /* Bring text above the dotted line */
}

.footer-container {
  display: flex;
  /* Display the columns in a row */
  justify-content: space-between;
  /* Space out the columns */
  flex-wrap: wrap;
  /* Allow columns to wrap in smaller screens */
}

.footer-column {
  flex: 1;
  /* Equal width for each column */
  margin: 0 20px;
  /* Add some space between columns */
}

.footer-column h4 {
  font-size: 18px;
  /* Larger text for headings */
  margin-bottom: 15px;
  /* Space between heading and list */
  text-transform: uppercase;
  /* Make heading uppercase */
  font-weight: bold;
  /* Bold heading text */
}

.footer-column ul {
  list-style-type: none;
  /* Remove default list bullets */
  padding: 0;
  /* Remove padding */
}

.footer-column li {
  padding: 1px 0 1px 17px;
  background-image: url(https://www.freejobalert.com/wp-content/themes/generatepress_child/images/BlockContentBullets.png);
  background-repeat: no-repeat;

  margin: 0.5em 0;
  line-height: 1.2em;
  list-style: none;
  display: flex;
}

.footer-column ul a {
  color: #000000;
}

.footer-column li:hover {
  color: #ff8c00;
  /* Change text color on hover */
}

.jobcount {
  color: #be0b0b;
  font-size: 14px;
  font-weight: bold;
  font-family: cursive;
  margin-left: 2px;
  margin-right: 2px;
  font-style: italic;
}